<div id="globalWrapper">
<!-- header -->
<div id="header" class="inner-short">
<div id="nav">
<!-- main menu -->
<?php include_component('home', 'mainMenu') ?>
<!-- main menu -->
</div>
<div id="nav-line"></div>
</div>
<!-- header -->
<!-- quick link -->
<?php include_component('home', 'quickLink') ?>
<!-- quick link -->
<!-- container -->
<div id="container">
<div id="col-left">
<div id="left-nav-2">
<div class="h-left-menu"><span>เตือนภัย !</span></div>
<div class="verticalNav noJS jAccordion-keepLinksEnabled">
  <ul class="jAccordion-slidesWrapper">
    <li class="jAccordion-slide"><a href="warning.php">ประกาศกรมอุตุวิทยา</a></li>
    <li class="jAccordion-slide"><a href="storm.php">เส้นทางเดินพายุ</a></li>
    <li class="jAccordion-slide"><a href="earthquake.php" class="nav-select">รายงานแผ่นดินไหว</a></li>
  </ul>
</div>
</div>
<div class="clear" style="height:10px;"></div>
<div class="line-red-s"></div>
<div class="clear" style="height:2px;"></div>
<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-9.jpg")?>" width="230" height="73"><div class="txt-banner-red-s">สำนักเฝ้าระวังแผ่นดินไหว<img src="<?php echo image_path("/images/ico-banner-red-s.png")?>" width="11" height="11"></div></a></div>
<div class="clear" style="height:10px;"></div>
<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-10.jpg")?>" width="230" height="73"><div class="txt-banner-red-s">แจ้งเหตุรู้สึกสั่นไหว<img src="<?php echo image_path("/images/ico-banner-red-s.png")?>" width="11" height="11"></div></a></div>
<div class="clear" style="height:2px;"></div>
<div class="line-red-s"></div>
</div>
<div id="col-right">
<?php include_component( "earthQuake", "earthQuakeDetailBox", array( "earthQuakes"=>$earthQuakes, "earthQuake"=>$earthQuake ) )?>
</div>
</div>
<!-- container -->
